<template>
	<div class="w-9 h-9 relative">
		<base-image
			class="absolute right-0 bottom-0 w-6 h-6"
			:src="away"
			type="server"
			default="sports/team-away.svg"></base-image>
		<base-image
			class="absolute left-0 top-0 w-6 h-6"
			:src="home"
			type="server"
			default="sports/team-home.svg"></base-image>
	</div>
</template>

<script lang="ts" setup>
import { BaseImage } from '@/components/base'
defineProps({
	home: {
		type: String
	},
	away: {
		type: String
	}
})
</script>
